
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
	if (xhr.readyState == 4) {
		//收到数据
		//console.log(xhr.responseText);
		var arr = JSON.parse(xhr.responseText);
		var messages = '';
		//for循环取到每一条数据
		for (var i = arr.length-1; i > -1; i --) {
			var msg = arr[i];
			messages += "<section><p>";
			messages += msg.content;
			messages += "</p><span>"
			messages += formatterDate(new Date(msg.time));
			messages += "</span><span>"
			messages += formatterIp(msg.ip);
			messages += "</span></section>";
		}
		//console.log(messages);
		document.querySelector('article').innerHTML = messages;
	}
};
//发送message请求
xhr.open('GET','/message');
xhr.send();

//封装一个处理时间的方法
function formatterDate(t){
	//js区分大小写，所以这里的M和m不是同一个变量
	//月 日 时 分
	var M = t.getMonth() + 1;
	var d = t.getDate();
	var h = t.getHours();
	var m = t.getMinutes();
	
	M = M < 10 ? '0' + M : M;
	d = d < 10 ? '0' + d : d;
	h = h < 10 ? '0' + h : h;
	m = m < 10 ? '0' + m : m;
	
	return t.getFullYear() + "-" + M + "-" + d + " " + h + ":" + m;
}

//封装一个处理ip的方法
function formatterIp(ip){
	if (ip.startsWith('::1')) {
		return '127.0.0.1';
	}
	if (ip.startsWith('::ffff:')) {
		return ip.substr(7);
	}
}
